<!DOCTYPE html>
<html>
  <select style="position: relative" size=4>
    <option>bar</option>
  </select>
  <select style="position: relative">
    <option>bar</option>
  </select>
  <script>
    function injectAbsPosKid(s) {
      var option = document.createElement("option");
      option.appendChild(document.createTextNode("foo"));
      option.style.position = "absolute";
      option.style.top = "100px";
      s.insertBefore(option, s.firstChild);

      var div = document.createElement("div");
      div.appendChild(document.createTextNode("bar"));
      div.style.position = "absolute";
      div.style.top = "200px";
      s.appendChild(div);
    }
    onload = function() {
      var s1 = document.querySelectorAll("select")[0];
      var s2 = document.querySelectorAll("select")[1];
      injectAbsPosKid(s1);
      injectAbsPosKid(s2);
      s2.selectedIndex = 0;
    };
  </script>
</html>
